// 默认偏移数量
let limit = 30;
// 偏移初始量
let offset = 0;
// 开始的页码
let pageid = 0;
// 上一页
let prev;
// next页
let next;
// 最后一页
let last;
// 声明一个最大页
let maxpage;
// 声明一个标签
let tag = '全部';
// 获取输入框中的值
const inputVal = document.querySelector('.se_input');
// 获取到search框实现点击事件
const search = document.querySelector('.search_icon');
// 获取到关键字中的所有歌曲数
let counts = document.querySelector('.songCount');
// 获取到歌曲名，并且重新赋值
let songVal = document.querySelector('.search_ct');

// console.log(inputVal, search);
let words = '病';
words = inputVal.placeholder;

function searchWords(pageid) {
    Ajax({
        url: 'http://localhost:3000/search',
        params: {
            keywords: words,
            limit: limit,
            offset: limit * pageid,
        },
        type: 'get',
    }).then(function resolve(res) {
        // console.log(res.result.songs[0].artists)
        let result = res.result;
        counts.innerHTML = result.songCount;
        songVal.innerHTML = words;
        // 注册一个过滤器 通过处理时间戳 转为日期格式
        template.defaults.imports.dateTimeFormat = function (dateTime, format) {
            const se = Math.floor(dateTime / 1000);
            const minute = Math.floor(se / 60);
            const sec = (se % 60);
            let second;
            let formatMiu;
            formatMiu = minute < 10 ? '0' + minute : minute;
            second = sec < 10 ? '0' + sec : sec;
            return formatMiu + ":" + second
        }
        const tpl = template('tpl', {
            data: result.songs,
        });

        // 计算出最大页码
        maxpage = Math.ceil(result.songCount / limit);
        // console.log(maxpage);
        // 初始化 渲染数据 默认第1页
        // 渲染页码栏
        // 计算页码栏
        // 这里的页码栏是每次获取limit+offset的数据量
        prev = pageid - 1;
        if (prev < 1) prev = 1;

        //循环页码加1，并且判断最否达到最大页 
        next = pageid + 1;
        if (next > maxpage) next = maxpage;

        last = maxpage - 1;
        // console.log(last)

        let pager = new Map([
            ['首页', 0],
            ['上页', prev],
            ['下页', next],
            ['尾页', last]
        ]);
        // 获取srchsongst的节点，并且渲染模板数据
        const srchs = document.querySelector('.srchsongst');
        srchs.innerHTML = tpl;

        let page = template('page', {
            pager,
        });
        const fpage = document.querySelector('.pageation');
        fpage.innerHTML = page;

        $('body,html').animate({
            scrollTop: 0
        }, 600);
    })
}
searchWords(pageid);

search.addEventListener('click', function (evt) {
    if (inputVal.value) {
        words = inputVal.value;
        searchWords(pageid)
    } else {
        words = inputVal.placeholder;
        searchWords(pageid);
    }
})
